<template>
  <div style="width: 100%; height: 100%" class="test">
    <!-- <demo-warp style="width:100%;">  -->
      <dv-page target="parent"  >
        <!-- 这是一个大屏页面 -->
        <dv-header :type="type" >切换场景</dv-header>
        <dv-box top="100px" left="20px" width="calc(100% - 40px)" height="calc(100% - 140px)" style="border:1px solid">
          <dv-box x-align="center" y-align="middle" width="500px" height="500px" border="1"> 
          </dv-box> 
        </dv-box> 
      </dv-page> 
    <!-- </demo-warp> -->
  </div> 
    
</template>
<script setup lang="ts" >
import {ref, onMounted, computed} from 'vue'; 
import {DvHeader, DvPage, DvBox } from '$comp/index';
 const type = ref('2')
 const change = () => {
  type.value = '2'
 }
</script>
<style lang="scss" scoped>
.test{
  box-sizing: border-box;
  // display:flex;
  // align-items: center;
  // justify-content: center; 
   
 }

  
</style>
